<template>
    <section class="mine">
        <div class="mine_header"> 个人中心</div>
        <div class="mine_main">
            <div class="main_info" @click="_match()">
             <div class="main_info-left" >
                <span class="item_icon" 
                    style="border:2px solid #999999;
                            width:75px;height:75px;
                            display:block;border-radius:50%;
                            overflow:hidden;
                            box-sizing:inherit;
                            ">
                    <i class="iconfont icon-touxiang" style="font-size:75px;color:#999;"></i>
                </span>
             </div>
             <div class="main_info-medium">
                 <span class="user">用户名</span>
                 <span class="number">账号</span>
             </div>
             <div class="main_info-right">
                 <span class="jiantou">
                     <i class="el-icon-arrow-right"></i>
                 </span>
             </div>             
            </div>
            <div class="main_function">
                <div class="function_cut" @click="_cuting()">
                    <div class="cut-left" >
                        <span class="item_icon">
                            <i class="iconfont icon-qiehuan" style="font-size:25px;color:#999;"></i>
                        </span> 
                    </div>
                    <span class="_txt">我的创业模式</span>
                    <span class="jiantou">
                    <i class="el-icon-arrow-right"></i>
                    </span>
                </div>    
                <div class="function_account" @click="goTo('/setting')">
                    <div class="account-left" >
                        <span class="item_icon">
                            <i class="iconfont icon-guanli" style="font-size:30px;color:#999;"></i>
                        </span> 
                    </div>  
                    <span class="_txt">资金代理银行账户管理</span>
                    <span class="jiantou">
                    <i class="el-icon-arrow-right"></i>
                    </span>
                </div>   
                <div class="function_agree" @click="goTo('/setting')"> 
                    <div class="agree-left" >
                        <span class="item_icon">
                            <i class="iconfont icon-xieyi" style="font-size:20px;color:#999;"></i>
                        </span> 
                    </div>  
                    <span class="_txt">相关协议及声明</span>
                    <span class="jiantou">
                    <i class="el-icon-arrow-right"></i>
                    </span>
                </div>    
                <div class="function_service" @click="goTo('/other/service')"> 
                    <div class="service-left" >
                        <span class="item_icon">
                            <i class="iconfont icon-kefu" style="font-size:20px;color:#999;"></i>
                        </span> 
                    </div>  
                    <span class="_txt">平台客服</span>
                    <span class="jiantou">
                    <i class="el-icon-arrow-right"></i>
                    </span>
                </div>    
                <div class="function_message" @click="goTo('/setting')"> 
                    <div class="message-left" >
                        <span class="item_icon">
                            <i class="iconfont icon-pingtaixinxi" style="font-size:20px;color:#999;"></i>
                        </span> 
                    </div>   
                    <span class="_txt">平台服务信息</span>
                    <span class="jiantou">
                    <i class="el-icon-arrow-right"></i>
                    </span>                                                                                
                </div>
                <div class="function_setting" @click="goTo('/setting')">
                    <div class="setting-left" >
                        <span class="item_icon">
                            <i class="iconfont icon-shezhi" style="font-size:20px;color:#999;"></i>
                        </span> 
                    </div>  
                    <span class="_txt">设置</span>
                    <span class="jiantou">
                    <i class="el-icon-arrow-right"></i>
                    </span>
                </div>   

                </div>
        </div>  
    </section>
    

</template>

<script>
export default {
    data(){
        return{
            loginState:false,
            modCut:false,
        }
    },
    methods: {
        _match:function(){
            if(this.loginState==false){
                this.goTo('/login');
            }else this.goTo('/setting');
        },
       
        goTo:function(Path){
            this.$router.push({
                path:Path,
                query:{
                    history: this.$route.path,
                }
            });
        },
        _cuting:function(){
            this.$store.commit('fundCuting');
        },
    },
    computed: {
         
    },
  }               
</script>


<style lang="stylus" rel="stylesheet/stylus" scoped>
  @import "../../common/stylus/mixins.styl"
  .mine //我的
    width 100%
    height 800px
    overflow hidden
    .mine_header
        width 100%
        height 70px
        background-color #c7000b
        font-size 20px
        text-align center
        line-height 70px
        color #ffffff
        position fixed
        z-index 500
    .mine_main
        width 100%
        top 70px
        position relative
        .main_info
            width 100%
            height 120px
            background-color #ffffff
            position relative
            .main_info-left 
                width 100px
                height 100px
                position absolute
                left 20px
                bottom -15px
            .main_info-medium
                width 120px
                height 80px      
                position absolute
                left 85px
                .user 
                    display:block
                    width 120px
                    height 40px
                    text-align center
                    line-height 135px
                    font-size 20px
                    color #999999
                    position absolute
                    bottom 50px
                .number 
                    display:block
                    width 120px
                    height 40px 
                    text-align center
                    line-height 135px
                    font-size 17px
                    color #00000 
                    position absolute
                    bottom 10px
                    left -12px 
            .main_info-right
                width 150px
                height 80px      
                text-align center
                line-height 135px
                font-size 20px
                color #999999
                position absolute
                right 0
                .jiantou
                    display block
                    position absolute
                    right 25px
        .main_function
            margin-top 20px
            width 100%
            height 500px
            ._txt
                width 70%
                position absolute
                font-size 16px
                left 85px
                border-top 1px solid #F5F5F5
            .function_cut
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                .cut-left
                    width 40px
                    height 50px
                    position absolute
                    left 30px
                .jiantou
                    display block
                    position absolute
                    right 25px
                
            .function_account
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                background-color #99999 
                .account-left
                    width 40px
                    height 50px
                    position absolute
                    left 30px
                .jiantou
                    display block
                    position absolute
                    right 25px
    
            .function_agree
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                .agree-left
                    width 40px
                    height 50px
                    position absolute
                    left 30px
                .jiantou
                    display block
                    position absolute
                    right 25px
             
            .function_service
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                background-color #99999
                .service-left
                    width 40px
                    height 50px
                    position absolute
                    left 30px
                .jiantou
                    display block
                    position absolute
                    right 25px
            .function_message
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                .message-left
                    width 40px
                    height 50px
                    position absolute
                    left 30px
                .jiantou
                    display block
                    position absolute
                    right 25px

            .function_setting
                width 100%
                height 50px
                line-height 50px
                font-size 16px
                background-color #99999
                .setting-left
                    width 40px
                    height 50px
                    position absolute
                    left 30px
                .jiantou
                    display block
                    position absolute
                    right 25px
                ._txt
                    width 70%
                    position absolute
                    font-size 15px
                    left 85px 
                    border-top 1px solid #F5F5F5
                    border-bottom 1px solid #F5F5F5     
</style>
